@charset "UTF-8";
html {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden
}
body {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #000;
	line-height: 1.4
}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear: both;height: 0px; overflow: hidden;}

#loader {
	z-index: 2000
}
#sloganBlack {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -351px;
	margin-top: -134px;
	background: url(../images/page1/slogan.png) center no-repeat;
	height: 82px;
	width: 703px
}
#header {
	display: none
}
.page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9 {
	display: none
}
#container {
	display: none;
	width: 100%;
	height: 100%
}
#container .section {
	text-align: center;
font-size:.18rem;
	color: #fff
}
#container .section.page1 {
	width: 100%;
	height: 100%
}
#container .section .down {
	position: absolute;
	bottom: 12px;
	left: 50%;
	margin-left: -17.5px;
	z-index: 99993;
	width: 35px;
	height: 20px;
	background: url(../images/page1/downb.png);
	-webkit-background-size: cover;
	background-size: cover
}
#container .section .down.b {
	width: 27px;
	height: 16px;
	margin-left: -13.5px;
	background: url(../images/page1/downb.png)
}
#container .page8.section .down {
	display: none
}
#container .page8.active.section .down {
	display: block
}
.covervid-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
#bg1-video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%!important;
	width: auto!important
}
#container .section .title {
	position: absolute;
margin-top:.5rem;
	width: 100%;
height:.84rem;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center
}
#container .section .title img {
	width: 35%;
	display: inline-block; padding-top:70px;
}
#container .section.page1 .slide {
	float: left;
	width: 100%;background:url(../images/page1/b01.jpg) no-repeat center;
	height: 100%;
	position: relative
}
.fp-slide, .fp-slidesContainer .page1{ background:url(../images/page1/b01.jpg) no-repeat center;}
#container .section.page1 .slide:nth-child(2){ background:url(../images/page1/b02.jpg) no-repeat center;}
#container .section.page1 .slide:nth-child(3){ background:url(../images/page1/b03.jpg) no-repeat center;}

#container .section.page1 .slide .sd1, #container .section.page1 .slide .sd2, #container .section.page1 .slide .sd3 {
	position: absolute;
	margin-top: -1.75rem;
	z-index: 2
}
#container .page1 .slide .shadow {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/page1/shadow.png) repeat;
	opacity: .6
}
.page1 .slide1 .sd1 {
	width:100%; position:relative;margin: 0 auto;
	height: 3.5rem;
	text-align: center;
	
	top: 50%
}
.page1.active .slide1.active .sd1 {
	-webkit-animation: zoomIn .5s linear;
	-moz-animation: zoomIn .5s linear;
	-o-animation: zoomIn .5s linear;
	animation: zoomIn .5s linear
}
.page1 .slide1 .sd1 .word0 {
	top: -1.2rem;
	position: absolute; 
	width: 100%
}
.page1 .slide1 .sd1 .word0>div {
	width: 3rem;
	height: 3rem;
	margin: 0 auto 0;
	text-align: center
}
.page1 .slide1 .sd1 .word0 .word0_logow { margin:0 auto; padding-top:100px;	display: block;position:relative !important; left:50%;	margin-left: -262px; text-align: center}
.page1 .slide1 .sd1 .word0>div>img {
	float: left;
	width: 1rem;
	opacity: 0
}
.page1.active .slide1.active .sd1 .word0>div>img {
	-webkit-animation: logolist .8s .5s forwards;
	-o-animation: logolist .8s .5s forwards;
	animation: logolist .4s .5s forwards
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(1) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(2) {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(3) {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(4) {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(5) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(6) {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(7) {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(8) {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s
}
.page1.active .slide1.active .sd1 .word0>div>img:nth-child(9) {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s
}
@keyframes logolist {
from {
opacity:0;
-webkit-transform:translate3d(0, 200px, 0) rotate3d(0, 0, 1, 00deg);
transform:translate3d(0, 200px, 0) rotate3d(0, 0, 1, 00deg)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
	transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg)
}
}
@-webkit-keyframes logolist {
from {
opacity:0;
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
to {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg)
}
}
.page1.active .slide1.active .sd1 .word0 {
	opacity: 0;
	-webkit-animation: bounceIn .8s linear .5s forwards;
	-moz-animation: bounceIn .8s linear .5s forwards;
	-o-animation: bounceIn .8s linear .5s forwards;
	animation: bounceIn .8s linear .5s forwards
}
.page1 .slide1 .sd1 .word2 {
	margin: 0 auto;
	position: relative;
	top:70px; 
	
}
.page1.active .slide1.active .sd1 .word2 {
	opacity: 0;
	-webkit-animation: zoomIn .8s linear .5s forwards;
	-moz-animation: zoomIn .8s linear .5s forwards;
	-o-animation: zoomIn .8s linear .5s forwards;
	animation: zoomIn .8s linear .5s forwards
}
.page1 .slide1 .sd1 .word2 img {
	display: inline-block;position: relative;
	
}
.page1 .slide1 .sd1 .word3 {
	margin: 0 auto;
	top: 1.2rem;
	position: relative;


}
.page1.active .slide1.active .sd1 .word3 {
	opacity: 0;
	-webkit-animation: fadeInRight .8s linear .5s forwards;
	-moz-animation: fadeInRight .8s linear .5s forwards;
	-o-animation: fadeInRight .8s linear .5s forwards;
	animation: fadeInRight .8s linear .5s forwards
}
.page1 .slide2 .sd2 {
	width: 10.64rem;
	height: 3.5rem;
	text-align: center;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	margin-left: -5.32rem
}
.page1 .slide2 .sd2 .word1 {
	-webkit-background-image: url(../images/page1/word2-1.png);
	-moz-background-image: url(../images/page1/word2-1.png);
	-o-background-image: url(../images/page1/word2-1.png);
	background-image: url(../images/page1/word2-1.png);
	width:872px;
	height:240px;
	margin: 0 auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.page1.active .slide2.active .sd2 .word1 {
	-webkit-opacity: 0;
	opacity: 0;
	-webkit-animation: myroate .8s linear forwards;
	-moz-animation: myroate .8s linear forwards;
	-o-animation: myroate .8s linear forwards;
	animation: myroate .8s linear forwards
}
@keyframes myroate {
0% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);
-ms-transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);
transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
@-webkit-keyframes myroate {
0% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);
-ms-transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);
transform:scale3d(0, 0, 0) rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
-ms-transform:none;
transform:none;
opacity:1
}
}
.page1 .slide2 .sd2 .word2 {
	color: #fff;
font-size:45px;
	margin-top:-250px;
	margin-left: 645px;
}
.page1.active .slide2.active .sd2 .word2 {
	opacity: 0;
	-webkit-animation: fadeInDown .8s linear .8s forwards;
	-moz-animation: fadeInDown .8s linear .8s forwards;
	-o-animation: fadeInDown .8s linear .8s forwards;
	animation: fadeInDown .8s linear .8s forwards
}
.page1 .slide2 .sd2 .words_add {
font-size:.5rem;
margin-top:-5px;
	position: absolute;
margin-left:-45px;
}
.page1.active .slide.active .words_add {
	-webkit-animation: rubberBand .8s linear 1.7s 2 forwards;
	-moz-animation: rubberBand .8s linear 1.7s 2 forwards;
	-o-animation: rubberBand .8s linear 1.7s 2 forwards;
	animation: rubberBand .8s linear 1.7s 2 forwards
}
.page1 .slide2 .sd2 .word3 {
	color: #fff; width:px;
font-size:20px;
	font-weight: 400;
letter-spacing:4px;

	margin-top: 200px;
}
.page1.active .slide2.active .sd2 .word3 {
	opacity: 0;
	-webkit-animation: fadeInUp .8s linear .8s forwards;
	-moz-animation: fadeInUp .8s linear .8s forwards;
	-o-animation: fadeInUp .8s linear .8s forwards;
	animation: fadeInUp .8s linear .8s forwards
}

.page1 .slide2 .sd2 .word4{
	margin-top:80px;}
.page1.active .slide2.active .sd2 .word4 {
	opacity: 0;
	-webkit-animation: fadeInUp .8s linear .8s forwards;
	-moz-animation: fadeInUp .8s linear .8s forwards;
	-o-animation: fadeInUp .8s linear .8s forwards;
	animation: fadeInUp .8s linear .8s forwards
}
.page1 .slide3 .sd3 {
	width: 1400px;
	height: 3.5rem;
	text-align: center;
	margin: 0 auto ;
	top: 10%;
	position:relative !important;
	
	
}
.page1 .slide3 .sd3 .word1 {
	-webkit-background-image: url(../images/page1/zyb01.png);
	-moz-background-image: url(../images/page1/zyb01.png);
	-o-background-image: url(../images/page1/zyb01.png);
	background-image: url(../images/page1/zyb01.png);
	width: 829px;
	height:591px;
	margin: 0 auto; float:left;

	   position: absolute;
    top: 80%;
   
}
.page1.active .slide3.active .sd3 .word1 {	
	-webkit-opacity: 0;
	opacity: 0;
	-webkit-animation: myroate .8s linear forwards;
	-moz-animation: myroate .8s linear forwards;
	-o-animation: myroate .8s linear forwards;
	animation: myroate .8s linear forwards
}
.page1 .slide3 .sd3 .word2 {
padding-top:50px;   position: absolute;
    right: 0;
    top: 100%;
}
.page1.active .slide3.active .sd3 .word2 {
	-webkit-background-image: url(../images/page1/zyb02.png);
	-moz-background-image: url(../images/page1/zyb02.png);
	-o-background-image: url(../images/page1/zyb02.png);
	background-image: url(../images/page1/zyb02.png);
	width:572px; 
	height:591px; float:right;
	opacity: 0;
	-webkit-animation: fadeInDown .8s linear .8s forwards;
	-moz-animation: fadeInDown .8s linear .8s forwards;
	-o-animation: fadeInDown .8s linear .8s forwards;
	animation: fadeInDown .8s linear .8s forwards
}
.page1 .slide3 .sd3 .word2 .words_add {
font-size:.6rem;
margin-top:-.2rem;
	position: absolute;
	margin-left: 0
}
.page1 .slide3 .sd3 .word3 {
	color: #fff;
font-size:.3rem;
	font-weight: 400;
letter-spacing:.08rem;
	margin-left: 3.9rem;
	margin-top: 1.1rem
}
.page1 .slide3 .sd3 .word3 .words_add {
font-size:.5rem;
margin-top:-.2rem;
	position: absolute;
margin-left:-.4rem
}
.page1.active .slide3.active .sd3 .word3 {
	opacity: 0;
	-webkit-animation: fadeInUp .8s linear .8s forwards;
	-moz-animation: fadeInUp .8s linear .8s forwards;
	-o-animation: fadeInUp .8s linear .8s forwards;
	animation: fadeInUp .8s linear .8s forwards
}
.page1 .fp-slidesNav ul li {
	display: inline-block;
	width: 120px;
	height: 7px;
	margin: 1px
}
.page1 .fp-slidesNav ul li a.active span {
	background-color: #a80e32
}
.page1 .fp-slidesNav ul li a:hover span {
	background-color: #a80e32
}
.page1 .fp-slidesNav ul li a span {
	top: 0;
	left: 0;
	width: 120px;
	height: 7px;
	background: #fff;
	position: absolute;
	z-index: 1;
	transition: all .5s
}
.page1 .fp-slidesNav.bottom {
	bottom: 48px
}
#container .page2 {
	background: url(../images/page2/bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}
.page2 .content { width:1400px; margin:0 auto;}
.hzkzy{ overflow:hidden; padding:45px 0px}
.hzkzy li{ float:left; width:220px; padding-right:13px;}
.hzkzy li img { transition: 0.3s; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); width: 220px; height:75px; padding: 32px 3px; }
.hzkzy li:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }

 .hxem { width:200px; margin:0 auto; text-align:left;  padding: 0 47px;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    border-radius: 27px;
    border: 3px solid #fff;
    background: url(../images/page2/wty7.png) no-repeat right 44px center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.hxem a{ color:#fff;}


.page2.active .content {
	opacity: 0;
	-webkit-animation: fadeInLeft .8s linear .5s forwards;
	-moz-animation: fadeInLeft .8s linear .5s forwards;
	-o-animation: fadeInLeft .8s linear .5s forwards;
	animation: fadeInLeft .8s linear .5s forwards
}
.page2 .content .words .layer {
	position: absolute
}
.page2 .content .words .word {
	position: absolute;
font-size:.3rem
}
.page2 .content .words {
	margin-top: 2.2rem;
	text-align: left;
	margin-left: 1.5rem;
letter-spacing:.02rem;
line-height:.74rem;
	color: #590015;
	font-weight: 700;
	width: 7.5rem;
	height: 5.94rem
}
.page2 .content .words li {
height:.8rem;
	width: 100%
}
.page2 .content .words .word1 .word {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-ms-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem;
	-webkit-animation: smain1 .6s forwards;
	-moz-animation: smain1 .6s forwards;
	-o-animation: smain1 .6s forwards;
	animation: smain1 .6s forwards
}
.page2.active .content .words .word1 .word {
	-webkit-animation: big1 .6s 1.5s ease-out forwards;
	-moz-animation: big1 .6s 1.5s ease-out forwards;
	-o-animation: sbig1 .6s 1.5s ease-out forwards;
	animation: big1 .6s 1.5s ease-out forwards
}
@keyframes big1 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:0
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:0
}
}
@-webkit-keyframes big1 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:0
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:0
}
}
@keyframes smain1 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:0
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
@-webkit-keyframes smain1 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:0
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
.page2 .content .words .word2 .word {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem;
	-webkit-animation: smain2 .8s forwards;
	-moz-animation: smain2 .8s forwards;
	-o-animation: smain2 .8s forwards;
	animation: smain2 .8s forwards
}
.page2.active .content .words .word2 .word {
	-webkit-animation: big2 .6s 1.6s ease-out forwards;
	-moz-animation: big2 .6s 1.6s ease-out forwards;
	-o-animation: big2 .6s 1.6s ease-out forwards;
	animation: big2 .6s 1.6s ease-out forwards
}
@-webkit-keyframes big2 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:.65rem
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:.7rem
}
}
@-webkit-keyframes smain2 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:.7rem
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
.page2 .content .words .word3 .word {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem;
	-webkit-animation: smain3 .6s forwards;
	-moz-animation: smain3 .6s forwards;
	-o-animation: smain3 .6s forwards;
	animation: smain3 .6s forwards
}
.page2.active .content .words .word3 .word {
	-webkit-animation: big3 .6s 1.8s ease-out forwards;
	-moz-animation: big3 .6s 1.8s ease-out forwards;
	-o-animation: big3 .6s 1.8s ease-out forwards;
	animation: big3 .6s 1.8s ease-out forwards
}
@-webkit-keyframes big3 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:1.42rem
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:1.52rem
}
}
@-webkit-keyframes smain3 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:1.52rem
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
.page2 .content .words .word4 .word {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem;
	-webkit-animation: smain43 .6s forwards;
	-moz-animation: smain43 .6s forwards;
	-o-animation: smain43 .6s forwards;
	animation: smain43 .6s forwards
}
.page2.active .content .words .word4 .word {
	-webkit-animation: big4 .6s 2s ease-out forwards;
	-moz-animation: big4 .6s 2s ease-out forwards;
	-o-animation: big4 .6s 2s ease-out forwards;
	animation: big4 .6s 2s ease-out forwards
}
@-webkit-keyframes big4 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:2.22rem
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:2.37rem
}
}
@-webkit-keyframes smain4 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:2.37rem
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
.page2 .content .words .word5 .word {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem;
	-webkit-animation: smain5 .6s forwards;
	-moz-animation: smain5 .6s forwards;
	-o-animation: smain5 .6s forwards;
	animation: smain5 .6s forwards
}
.page2.active .content .words .word5 .word {
	-webkit-animation: big5 .6s 2.2s ease-out forwards;
	-moz-animation: big5 .6s 2.2s ease-out forwards;
	-o-animation: big5 .6s 2.2s ease-out forwards;
	animation: big5 .6s 2.2s ease-out forwards
}
@-webkit-keyframes big5 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:3.02rem
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:3.22rem
}
}
@-webkit-keyframes smain5 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:3.22rem
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
.page2 .content .words .word6 .word {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem;
	-webkit-animation: smain6 .6s forwards;
	-moz-animation: smain6 .6s forwards;
	-o-animation: smain6 .6s forwards;
	animation: smain6 .6s forwards
}
.page2.active .content .words .word6 .word {
	-webkit-animation: big6 .6s 2s ease-out forwards;
	-moz-animation: big6 .6s 2s ease-out forwards;
	-o-animation: big6 .6s 2s ease-out forwards;
	animation: big6 .6s 2s ease-out forwards
}
@-webkit-keyframes big6 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:3.82rem
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:4.07rem
}
}
@-webkit-keyframes smain6 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:4.07rem
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
.page2 .content .words .word7 .word {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem;
	-webkit-animation: smain7 .6s forwards;
	-moz-animation: smain7 .6s forwards;
	-o-animation: smain7 .6s forwards;
	animation: smain7 .6s forwards
}
.page2.active .content .words .word7 .word {
	-webkit-animation: big7 .6s 1.8s ease-out forwards;
	-moz-animation: big7 .6s 1.8s ease-out forwards;
	-o-animation: big7 .6s 1.8s ease-out forwards;
	animation: big7 .6s 1.8s ease-out forwards
}
@-webkit-keyframes big7 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:4.62rem
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:4.92rem
}
}
@-webkit-keyframes smain7 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:4.92rem
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
.page2 .content .words .word8 .word {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem;
	-webkit-animation: smain8 .6s forwards;
	-moz-animation: smain8 .6s forwards;
	-o-animation: smain8 .6s forwards;
	animation: smain8 .6s forwards
}
.page2.active .content .words .word8 .word {
	-webkit-animation: big8 .6s 1.6s ease-out forwards;
	-moz-animation: big8 .6s 1.6s ease-out forwards;
	-o-animation: big8 .6s 1.6s ease-out forwards;
	animation: big8 .6s 1.6s ease-out forwards
}
@-webkit-keyframes big8 {
0% {
-webkit-transform:scale3d(0, 0, 0);
-moz-transform:scale3d(0, 0, 0);
-o-transform:scale3d(0, 0, 0);
transform:scale3d(0, 0, 0);
top:3.02rem
}
80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-moz-transform:scale3d(1.1, 1.1, 1.1);
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
top:5.48rem
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:5.83rem
}
}
@-webkit-keyframes smain8 {
from {
-webkit-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
top:5.83rem
}
to {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	top: 3.02rem
}
}
.page2 .content .words span {
font-size:.38rem;
margin-left:.06rem;
margin-right:.06rem;
	font-weight: 700;
	color: #fff
}
#container .page3 {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}
.shadow {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-background-size: cover;
	background-size: cover;
	opacity: .4
}
.shadow2 {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: .5
}
#container .page3 .content {
	width: 100%;
	height: 100%;
	position: relative; 
}
.page3 .media {width: 100%; height:100%; background:url(../images/page3/bg.jpg) no-repeat center / cover;
	overflow: hidden;		position: relative;  z-index:33; 

}
.pnma{ width:1400px; margin: 0px auto;  padding-top:175px; }
.pnma .titp{ font-size:40px; text-align:center; margin-bottom:70px;}
.pnma .soip{ width:21%; background:#971433; padding:45px 10px; overflow:hidden;  float:left; margin-right:44px; height:400px; text-align:left;cursor:pointer; }
.pnma .soip li img{ display: block;  margin: 0 auto; padding-bottom:25px;}
.pnma .soip li h3{ font-size:30px; padding-bottom:30px; text-align:center !important; line-height:35px;}
.pnma .soip li h3 a{ color:#fff; font-weight:normal;}
.pnma .soip li a{ color:#333}
.pnma .soip li h3 em{ font-size:18px; font-weight:normal;}
.pnma .soip:hover li h3 a{ color: #333;}
.pnma .soip li{ line-height:26px;font-size:14px; }
.pnma .soip .ntw{  height:155px;  overflow:hidden; padding-top:16px;}
.pnma .soip .ntw a{ color:#fff;}
.pnma .soip .ntw a:hover{ color:#333;}
.pnma .soip li span{ font-size:22px;font-weight: bold; margin-right:8px; margin-left:50px;}
.pnma .soip li p{ width:90px; background:#2e2e2e;text-align: center; color:#ebebeb; font-size:14px; margin:0 auto; height:30px; line-height:30px;position: relative; bottom:-26px; }
.pnma .soip li p a{color:#ebebeb;}
.pnma .soip:hover{ background:#fff; color:#333;}
.pnma .soip:hover .ntw a{color:#333;}
.pnma .soip:nth-child(5){margin-right:0px;}
.wlhow{ height:1px;}


#container .page4 {
	-webkit-background-image: url(../images/page4/bg.jpg);
	-moz-background-image: url(../images/page4/bg.jpg);
	-o-background-image: url(../images/page4/bg.jpg);
	background-image: url(../images/page4/bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	overflow: hidden
}
#container .page4 .content {
	width: 10rem;
	height: 7.68rem;
	top: 50%;
	left: 50%;
	margin-top: -3.3rem;
	margin-left: -5rem;
	position: absolute
}
#container .page4 em {
	position: absolute;
	opacity: .6;
	height: 1px;
	background-color: #fff;
width:.8rem
}
#container .page4 .yuan {
width:.25rem;
height:.25rem;
	border-radius: 50%;
	position: absolute;
	background: #c2c2c3;
box-shadow:0 .04rem .04rem rgba(69,66,66,.66);
-webkit-box-shadow:0 .04rem .04rem rgba(69,66,66,.66);
-moz-box-shadow:0 .04rem .04rem rgba(69,66,66,.66);
-o-box-shadow:0 .04rem .04rem rgba(69,66,66,.66)
}
#container .page4 .word {
	position: absolute;
	font-weight: 700;
font-size:.41rem;
letter-spacing:.02rem
}
#container .page4 .word2 {
	position: absolute;
font-size:.32rem;
letter-spacing:.02rem;
	opacity: 0
}
#container .page4 .word3 {
	position: absolute;
font-size:.18rem;
letter-spacing:.02rem
}
.page4.active .word3 {
	opacity: 0;
	-webkit-animation: bounceIn 3s linear .5s forwards;
	-moz-animation: bounceIn 3s linear .5s forwards;
	-o-animation: bounceIn 3s linear .5s forwards;
	animation: bounceIn 3s linear .5s forwards
}
.page4.active .word3 .wei {
	-webkit-animation: rubberBand 3.5s linear 1.2s 2 forwards;
	-moz-animation: rubberBand 3.5s linear 1.2s 2 forwards;
	-o-animation: rubberBand 3.5s linear 1.2s 2 forwards;
	animation: rubberBand 3.5s linear 1.2s 2 forwards
}
.page4.active .word {
	opacity: 0;
	-webkit-animation: rollIn linear .8s forwards;
	-moz-animation: rollIn linear .8s forwards;
	-o-animation: rollIn linear .8s forwards;
	animation: rollIn linear .8s forwards
}
#container .page4 .content .perform1 em {
	top: 1.71rem;
	left: 2.64rem;
	-webkit-transform: rotate(38deg);
	-moz-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	transform: rotate(38deg)
}
#container .page4 .content .perform1 .yuan {
	top: 1.21rem;
	left: 2.37rem
}
#container .page4 .content .perform1 .word {
top:.91rem;
left:.28rem
}
#container .page4 .content .perform1 .word2 {
	top: 1.49rem;
	left: -2.56rem
}
#container .page4 .content .perform2 em {
	top: 3.82rem;
	left: 2.25rem;
	-webkit-transform: rotate(352deg);
	-moz-transform: rotate(352deg);
	-ms-transform: rotate(352deg);
	transform: rotate(352deg)
}
#container .page4 .content .perform2 .yuan {
	top: 3.76rem;
	left: 1.88rem
}
#container .page4 .content .perform2 .word {
	top: 3.55rem;
left:-.34rem
}
#container .page4 .content .perform2 .word2 {
	top: 4.1rem;
	left: -3.42rem
}
#container .page4 .content .perform3 em {
	top: 5.78rem;
	left: 2.72rem;
	-webkit-transform: rotate(314deg);
	-moz-transform: rotate(314deg);
	-ms-transform: rotate(314deg);
	transform: rotate(314deg)
}
#container .page4 .content .perform3 .yuan {
	top: 5.9rem;
	left: 2.62rem
}
#container .page4 .content .perform3 .word {
	top: 5.74rem;
left:.4rem
}
#container .page4 .content .perform3 .word2 {
	top: 6.26rem;
	left: -2.64rem
}
#container .page4 .content .perform4 em {
	top: 1.62rem;
	left: 6.96rem;
	-webkit-transform: rotate(325deg);
	-moz-transform: rotate(325deg);
	-ms-transform: rotate(325deg);
	transform: rotate(325deg);
	width: 1rem
}
#container .page4 .content .perform4 .yuan {
	top: 1.1rem;
	left: 7.94rem
}
#container .page4 .content .perform4 .word {
top:.87rem;
	left: 8.44rem;
font-size:.46rem
}
#container .page4 .content .perform4 .word2 {
	top: 1rem;
	right: -1.88rem;
font-size:.28rem
}
#container .page4 .content .perform4 .word3 {
top:.85rem;
	left: 9.48rem
}
#container .page4 .content .perform5 em {
	top: 2.69rem;
	left: 7.44rem;
	-webkit-transform: rotate(352deg);
	-moz-transform: rotate(352deg);
	-ms-transform: rotate(352deg);
	transform: rotate(352deg);
width:.86rem
}
#container .page4 .content .perform5 .yuan {
	top: 2.5rem;
	left: 8.42rem
}
#container .page4 .content .perform5 .word {
	top: 2.3rem;
	left: 8.88rem;
font-size:.46rem
}
#container .page4 .content .perform5 .word2 {
	top: 2.43rem;
	right: -1.33rem;
font-size:.28rem
}
#container .page4 .content .perform5 .word3 {
	top: 2.3rem;
	left: 9.59rem
}
#container .page4 .content .perform6 em {
	top: 4rem;
	left: 7.42rem;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
width:.8rem
}
#container .page4 .content .perform6 .yuan {
	top: 4rem;
	left: 8.3rem
}
#container .page4 .content .perform6 .word {
	top: 3.8rem;
	left: 8.8rem;
font-size:.46rem
}
#container .page4 .content .perform6 .word2 {
	top: 4rem;
	right: -2.15rem;
font-size:.28rem
}
#container .page4 .content .perform6 .word3 {
	top: 3.8rem;
	left: 9.48rem
}
#container .page4 .content .perform7 em {
	top: 5.64rem;
	left: 6.55rem;
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
	width: 1rem
}
#container .page4 .content .perform7 .yuan {
	top: 5.94rem;
	left: 7.5rem
}
#container .page4 .content .perform7 .word {
	top: 5.86rem;
	left: 8rem;
font-size:.46rem
}
#container .page4 .content .perform7 .word2 {
	top: 6.02rem;
right:-.18rem;
font-size:.28rem
}
#container .page4 .content .perform7 .word3 {
	top: 5.9rem;
	left: 8.7rem
}
#container .page5 {
	-webkit-background-image: url(../images/page5/bg.jpg);
	-moz-background-image: url(../images/page5/bg.jpg);
	-o-background-image: url(../images/page5/bg.jpg);
	background-image: url(../images/page5/bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}
#container .page5 .content .page5-tab {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -6.5rem;
	width: 13rem;
	height: 6rem;
	margin-top: -3rem
}
#container .page5 .content .page5-tab li {
	float: left;
	width: 4.12rem;
	height: 2.78rem;
margin:.1rem .1rem;
	text-align: center;
	line-height: 2.78rem;
	-webkit-background-size: cover;
	background-size: cover
}
#container .page5 .content .page5-tab li.cl1 {
	background-image: url(../images/page5/w1.jpg)
}
#container .page5 .content .page5-tab li.cl2 {
	background-image: url(../images/page5/w2.jpg)
}
#container .page5 .content .page5-tab li.cl3 {
	background-image: url(../images/page5/w3.jpg)
}
#container .page5 .content .page5-tab li.cl4 {
	background-image: url(../images/page5/w4.jpg)
}
#container .page5 .content .page5-tab li.cl5 {
	background-image: url(../images/page5/w5.jpg)
}
#container .page5 .content .page5-tab li.cl6 {
	background-image: url(../images/page5/w6.jpg)
}
#container .page5 .content .page5-tab li.cl1 span {
	background-image: url(../images/page5/bw1.jpg)
}
#container .page5 .content .page5-tab li.cl2 span {
	background-image: url(../images/page5/bw2.jpg)
}
#container .page5 .content .page5-tab li.cl3 span {
	background-image: url(../images/page5/bw3.jpg)
}
#container .page5 .content .page5-tab li.cl4 span {
	background-image: url(../images/page5/bw4.jpg)
}
#container .page5 .content .page5-tab li.cl5 span {
	background-image: url(../images/page5/bw5.jpg)
}
#container .page5 .content .page5-tab li.cl6 span {
	background-image: url(../images/page5/bw6.jpg)
}
#container .page5 .content .page5-tab li span {
	display: inline-block;
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	transition: all .4s ease-out;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-background-size: cover;
	background-size: cover
}
#container .page5 .content .page5-tab li:hover span {
	display: inline-block;
	width: 4.12rem;
	height: 2.78rem;
	opacity: 1
}
#container .page5 .content .tanchuang {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0%;
	height: 0%;
	background-color: #fff;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
#container .page6 {
	-webkit-background-image: url(../images/page6/bg.jpg);
	-moz-background-image: url(../images/page6/bg.jpg);
	-o-background-image: url(../images/page6/bg.jpg);
	background-image: url(../images/page6/bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}
.zypg{ margin-top:50px; background:url(../images/page6/pa_n.jpg) no-repeat center top; padding-top:30px; line-height:70px; font-size:35px; }
#container .page6 .content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -5rem;
	width: 9.83rem;
	height: 5.52rem;
	margin-top: -1.9rem
}
#container .page6 .video {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -5rem;
	width: 9.83rem;
	height: 5.52rem;
	margin-top: -1.9rem;
	z-index: 120
}
.page6 .video-js {
	height: 100%;
	width: 100%
}
.page6 .content ul li {
	height: 100%
}
.page6 .content ul .vactive span {
	color: #a80e32
}
.page6 .video em {
	position: absolute;
	opacity: .4;
height:.3rem;
width:.01rem;
	background-color: #fff
}
.playIcon {
	position: relative
}
.playIcon img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.playIcon .Icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.playIcon .Icon .zicon {
	margin: 0 auto 0;
width:.86rem;
	height: 2.7rem
}
.playIcon .Icon .zicon b {
	display: block;
	width: 2px;
	margin: 0 auto 0;
	height: 0%;

	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center
}
.playIcon .Icon .zicon .yuan {
width:75px;
height:75px;
	
	text-align: center;
	background: url(../images/page6/sanjiao.png) no-repeat center center;
	-webkit-transform: scale3d(1, 1, 1) translatey(0);
	-moz-transform: scale3d(1, 1, 1) translatey(0);
	-o-transform: scale3d(1, 1, 1) translatey(0);
	transform: scale3d(1, 1, 1) translatey(0);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	margin: 0 auto 0
}
.playIcon .Icon .zicon .yuan:hover {
	-webkit-transform: scale3d(1.1, 1.1, 1.1) translatey(2px);
	-moz-transform: scale3d(1.1, 1.1, 1.1) translatey(2px);
	-o-transform: scale3d(1.1, 1.1, 1.1) translatey(2px);
	transform: scale3d(1.1, 1.1, 1.1) translatey(2px)
}
.page6.active .playIcon .zicon b {
	-webkit-animation: hiht 1s .5s forwards;
	-o-animation: hiht 1s .5s forwards;
	animation: hiht 1s .5s forwards;
	transform-origin: top center
}
@-webkit-keyframes hiht {
0% {
height:0
}
86% {
height:70%
}
100% {
height:67%
}
}
@keyframes hiht {
0% {
height:0
}
86% {
height:70%
}
100% {
height:67%
}
}
#container .page7 {
	-webkit-background-image: url(../images/page7/bg.jpg);
	-moz-background-image: url(../images/page7/bg.jpg);
	-o-background-image: url(../images/page7/bg.jpg);
	background-image: url(../images/page7/bg.jpg)  ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	overflow: hidden
}
#container .page7 .content,.page12 {
	position: absolute; width:1400px; margin: 0 auto;
	top: 50%; left:270px;	
	margin-top: -2.36rem
}
.page7 .content ul{background:url(../images/page6/pa_n01.jpg) no-repeat left;height:32px; margin-left:50px;}
.page7 .content ul li {
 	float: left;	width:260px;height:32px;	font-size: 16px;	font-weight: 700; background:url(../images/page6/pa_n01.jpg) no-repeat right; line-height:32px;} 
.page7 .partner em {
	position: absolute;
	opacity: .4;
height:.2rem;
width:.01rem;
	background-color: #fff;
top:.1rem
}
.page7 .content .grid {
	width: 1400px;
	height: 4.5rem;
	perspective: 5rem; margin:0 auto;
    margin-top: .66rem;
    margin-left: 1.248rem;
}
.page7 .content .gridie {
	display: none;
	display: none!important
}
.page7 .content .grid div {
	width: 132px;
	height: 132px;
	display: block;
	float: left;
	opacity: 0
}
#container .page8 {
	background-image: url(../images/page8/bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}
#container .page8 #wrapper {
	position: absolute;
	top: 53%;
	width: 100%;
	height: 6.6rem;
	margin-top: -3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: left;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all .8s .8s;
	-moz-transition: all .8s .8s;
	-ms-transition: all .8s .8s;
	transition: all .8s .8s;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px)
}
#container .page8.active #wrapper {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
#container .page8 #left-side {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	z-index: 10;
	width: 17%;
	height: 100%;
	background-color: #ececec;
	top: 0
}
#container .page8 #left-side ul li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
line-height:.20rem;
	color: #333;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	border-radius: 10px;
	font-size: 16px;
padding:.1rem .22rem;
margin:.1rem 0;
	font-weight: 700
}
#container .page8 #left-side ul li em {
	opacity: 0;
	position: absolute;
width:.3rem;
height:.58rem;
right:-.3rem;
	background-image: url(../images/page8/jiantou.png);
	-webkit-background-size: cover;
	background-size: cover
}
#container .page8 #left-side ul li.active em {
	opacity: 1
}
#container .page8 #left-side ul li:hover {
	color: #000;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}
#container .page8 #left-side ul li.active {
	color: #fff;
	background: #a80e32;
box-shadow:.02rem .04rem .04rem #585353;
	border-radius: 10px;
padding:.1rem .22rem;
margin:.3rem 0
}
#container .page8 #right-side {
	left: 17%;
	position: absolute;
	background-color: rgba(168,14,50,.85);
	width: 83%;
	height: 100%;
	top: 0
}
#right-side #first, #right-side #dgon, #right-side #five, #right-side #fourth, #right-side #second, #right-side #six,  #right-side #seven, #right-side #eight, #right-side #nine, #right-side #ten, #right-side #third {
	position: absolute;
	height: 100%;
	width: 100%
}
#right-side #first .left, #right-side #dgon .left, #right-side #five .left, #right-side #fourth .left, #right-side #second .left, #right-side #six .left, #right-side #seven .left, #right-side #eight .left, #right-side #nine .left, #right-side #ten .left, #right-side #third .left {
	position: absolute;
	height: 3rem;
	width: 100%;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-in-out;
	margin-top: -3.5rem;
	opacity: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
#right-side #first.active .left, #right-side #dgon.active .left, #right-side #five.active .left, #right-side #fourth.active .left, #right-side #second.active .left, #right-side #six.active .left, #right-side #seven.active .left, #right-side #eight.active .left, #right-side #nine.active .left, #right-side #ten.active .left, #right-side #third.active .left {
	margin-top: 0;
	opacity: 1;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	width: 100%;
	height: 100%
}
#right-side #first .right, #right-side #dgon .right, #right-side #five .right, #right-side #fourth .right, #right-side #seven .right, #right-side #second .right, #right-side #six .right, #right-side #eight .right, #right-side #nine .right, #right-side #ten .right, #right-side #third .right {
	opacity: 0;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-in-out
}
#right-side #first.active .right, #right-side #dgon.active .right, #right-side #five.active .right, #right-side #fourth.active .right, #right-side #second.active .right, #right-side #six.active .right, #right-side #eight.active .right, #right-side #nine.active .right, #right-side #ten.active .right, #right-side #seven.active .right, #right-side #third.active .right {
	opacity: 1;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

#container .page8 #first .left {
	-webkit-background-image: url(../images/page8/dug.jpg);
	-moz-background-image: url(../images/page8/dug.jpg);
	-o-background-image: url(../images/page8/dug.jpg);
	background-image: url(../images/page8/huabei.jpg)
}

/*1*/
#container .page8 #dgon .left {
	-webkit-background-image: url(../images/page8/huadong.jpg);
	-moz-background-image: url(../images/page8/huadong.jpg);
	-o-background-image: url(../images/page8/huadong.jpg);
	background-image: url(../images/page8/huadong.jpg)
}
/*2*/
#container .page8 #second .left {
	-webkit-background-image: url(../images/page8/huanan.jpg);
	-moz-background-image: url(../images/page8/huanan.jpg);
	-o-background-image: url(../images/page8/huanan.jpg);
	background-image: url(../images/page8/huanan.jpg)
}
/*3*/
#container .page8 #third .left {
	-webkit-background-image: url(../images/page8/huanan.jpg);
	-moz-background-image: url(../images/page8/huanan.jpg);
	-o-background-image: url(../images/page8/huanan.jpg);
	background-image: url(../images/page8/huanan.jpg)
}

/*44惠州*/
#container .page8 #fourth .left {
	-webkit-background-image: url(../images/page8/wyhy.jpg);
	-moz-background-image: url(../images/page8/wyhy.jpg);
	-o-background-image: url(../images/page8/wyhy.jpg);
	background-image: url(../images/page8/wyhy.jpg)
}
/*5*/
#container .page8 #five .left {
	-webkit-background-image: url(../images/page8/jjim.jpg);
	-moz-background-image: url(../images/page8/jjim.jpg);
	-o-background-image: url(../images/page8/jjim.jpg);
	background-image: url(../images/page8/jjim.jpg)
}

/*6*/
#container .page8 #six .left {
	-webkit-background-image: url(../images/page8/six.jpg);
	-moz-background-image: url(../images/page8/six.jpg);
	-o-background-image: url(../images/page8/six.jpg);
	background-image: url(../images/page8/six.jpg)
}
/*7*/
#container .page8 #seven .left {
	-webkit-background-image: url(../images/page8/ggj.jpg);
	-moz-background-image: url(../images/page8/ggj.jpg);
	-o-background-image: url(../images/page8/ggj.jpg);
	background-image: url(../images/page8/ggj.jpg)
}
/*8*/
#container .page8 #eight .left {
	-webkit-background-image: url(../images/page8/xhe.jpg);
	-moz-background-image: url(../images/page8/xhe.jpg);
	-o-background-image: url(../images/page8/xhe.jpg);
	background-image: url(../images/page8/xhe.jpg)
}
/*9*/
#container .page8 #nine .left {
	-webkit-background-image: url(../images/page8/fwet.jpg);
	-moz-background-image: url(../images/page8/fwet.jpg);
	-o-background-image: url(../images/page8/fwet.jpg);
	background-image: url(../images/page8/fwet.jpg)
}
/*10*/
#container .page8 #ten .left {
	-webkit-background-image: url(../images/page8/dhw.jpg);
	-moz-background-image: url(../images/page8/dhw.jpg);
	-o-background-image: url(../images/page8/dhw.jpg);
	background-image: url(../images/page8/dhw.jpg)
}




#container .page8 #left-side ul li 
#container .page8 #first .left, #container .page8 #dgon .left, #container .page8 #five .left, #container .page8 #fourth .left, #container .page8 #second .left, #container .page8 #six .left, #container .page8 #seven .left, #container .page8 #eight .left, #container .page8 #nine .left,#container .page8 #ten .left,#container .page8 #third .left {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	height: 100%;
	width: 100%;
	float: left
}
#container .page8 #first .right, #container .page8 #dgon .right, #container .page8 #five .right, #container .page8 #fourth .right, #container .page8 #second .right, #container .page8 #six .right, #container .page8 #seven .right, #container .page8 #eight .right, #container .page8 #nine .right, #container .page8 #ten .right, #container .page8 #third .right {
	height: 100%;
	text-align: left;
margin-right:-.52rem;
	width: 30%;
padding-left:.8rem;
	position: absolute;
	right: 0;
	background-color: rgba(153,0,51,.85)
}
#container .page8 #first .word, #container .page8 #dgon .word, #container .page8 #five .word, #container .page8 #fourth .word, #container .page8 #second .word, #container .page8 #six .word, #container .page8 #seven .word, #container .page8 #eight .word, #container .page8 #nine .word, #container .page8 #ten .word, #container .page8 #third .word {
	font-size: 14px;
margin-top:.3rem;
}
@media (min-width:1152px) {
#container .page8 #first .word, #container .page8 #dgon .word, #container .page8 #five .word, #container .page8 #fourth .word, #container .page8 #second .word, #container .page8 #six .word, #container .page8 #third .word {
	font-size: 14px;
margin-top:.3rem
}
}
#container .page8 #second .right {
	width: 100%
}
#container .page8 #second .right>div {
	width: 33.33%;
	height: 100%;
	float: left;
	padding-left: 43px;
	box-sizing: border-box
}
#container .page8 .footer {
	position: absolute;
	height: 76px;
	width: 100%;
	background-color: #000;
	text-align: center;
	bottom: 0;
	line-height: 76px;
	opacity: 90
}
.backtop {
	display: none;
	position: fixed;
	bottom: 15%;
right:-.56rem;
	width: 1rem;
height:.42rem
}
.backtop img {
	position: absolute;
	top: 0;
	left: 0
}
.backtop .bk1 {
	left: 0
}
.backtop .bk2 {
	position: absolute;
	top: 0;
	left: 1.2rem;
	width: 1.22rem;
height:.42rem;
	color: #fff;
font-size:.18rem;
line-height:.42rem;
	text-align: center;
	border-radius: 6px;
	background-color: rgba(0,0,0,.5)
}
.page9 .footer { border-top:5px solid #a80e32;	width: 100%; line-height:25px;
	background-color: #1f1f1f;	 
	bottom: 0;
	z-index: 30;
	color: #b8b8b8;
}
.page9 .footer a{color: #b8b8b8; font-size:14px;}
.page9 .footer a:hover{color: #fff; font-size:14px;}

.footer {
	position: relative;
	background-color: #1f1f1f; overflow:hidden;
}
.footer .content {	width: 80%; color: #b8b8b8;	min-width: 989px;	margin: 60px auto 0}

.zyft{ width:316px; overflow:hidden;}
.zyrg{ width:1000px; overflow:hidden;}
.zyfie{ overflow:hidden; text-align:left;     margin-bottom: 30px;    padding: 0 0 30px 5px;    border-bottom: 1px solid #474747;}
.zyfie h3{ float:left; font-size:14px; font-weight:normal;    width: 120px; margin-right:50px;       }
.zyfie h3 img{ background: #fff;    padding: 10px; overflow: hidden;  height: 100px; margin-bottom:5px;}

.zyfie .xywt{ float:left; font-size:14px;}
.zyfie .xywt a{font-size:14px; color:#b8b8b8;}

.zyfie .tel {	margin-bottom: 20px; margin-top:15px;	width:262px;	border: 2px solid #fff;}
.zyfie .tel img {	display: block;	float: left;}
.zyfie .tel span {	width:220px;	float: left;	display: block;	color: #ca0000; 	font-size: 24px;	font-weight: bold;	line-height: 37px;	text-align: center;	border-left: 2px solid #fff;}
.zyfie .address {	width: 34px; margin-top:15px;}
.zyfie .address a {	display: block;}
.zyfie .address a:hover {	background: url(../images/page1/f_img03_on.png) no-repeat center top;	background-size: 100% auto;}
.zyfie .address a:hover img {	visibility: hidden;}
.zfnavi{ overflow:hidden;  margin-bottom: 30px;   border-bottom: 1px solid #474747;  padding: 0 0 30px 5px; }
.zfnavi li { padding: 0 6px 0 5px;    width: 150px;    float: left; text-align:left; }
.zfnavi li p {    margin-bottom: 13px;    color: #fff;    font-size: 20px;}
.zfnavi li p a{font-size:18px !important;}
.zfnavi li p a:hover{color: #fff;}
.zfnavi li a{color: #b8b8b8; font-size:14px; font-weight:normal;}
.zyfe{ text-align:left;  font-size:14px; padding-top:5px; padding-bottom:25px;  overflow:hidden;}

.footer .left {
	width: 50%;
	min-width: 662px;
	height: 302px;
	position: relative;
	float: left;
	margin-left: 12px
}
.footer .left .ban {
	width: 100%;
	height: 16px
}
.footer .left .ban li {
	height: 16px;
	line-height: 16px
}
.footer .left .ban a {
	font-size: 20px;
	color: #fff;
	display: block
}
.footer .left .ban a:hover {
	color: #a80e32
}
.footer .left .ban .ban1 {
	position: absolute;
	left: 0
}
.footer .left .ban .ban2 {
	position: absolute;
	left: 16%
}
.footer .left .ban .ban3 {
	position: absolute;
	left: 32%
}
.footer .left .ban .ban4 {
	position: absolute;
	left: 48%
}
.footer .left .ban .ban5 {
	position: absolute;
	left: 64%
}
.footer .left .ban .ban6 {
	position: absolute;
	left: 80%
}
.footer .left .con {
	width: 100%;
	height: 200px;
	margin-top: 50px;
	border-bottom: 1px solid hsla(0,0%,100%,.3);
	border-top: 1px solid hsla(0,0%,100%,.3);
	position: relative;
	padding: 27px;
	box-sizing: border-box
}
.footer .left .con>div {
	width: 33%;
	float: left
}
.footer .left .con>div>div {
	width: 100%;
	height: 100%;
	border-right: 1px solid hsla(0,0%,100%,.3);
	box-sizing: border-box;
	position: relative
}
.footer .left .con .img {
	width: 63px;
	height: 63px;
	margin: 20px auto
}
.footer .left .con .detail {
	font-size: 14px;
	color: #fff;
	word-wrap: break-word;
	letter-spacing: 1px;
	font-weight: 700;
	text-align: center;
	padding: 0 10px
}
.footer .left .con .con22 .detail, .footer .left .con .con33 .detail {
	font-size: 16px;
	font-family: Arial
}
.footer .left .con1 {
	width: 277px;
	margin-top: -68px;
	position: absolute;
	top: 50%
}
.footer .left .con .con11, .footer .left .con1 {
	height: 140px;
	float: left
}
.footer .left .con .con11 .img:hover {
	background-image: url(../images/frame/dzhong1.png);
	background-position: 50%;
	background-size: cover
}
.footer .left .con .con11 .img {
	background-image: url(../images/frame/dzbai1.png);
	background-position: 50%;
	background-size: cover
}
.footer .left .con2 {
	width: 208px;
	margin-top: -68px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -99px
}
.footer .left .con .con22, .footer .left .con2 {
	height: 140px;
	float: left
}
.footer .left .con .con22 .img:hover {
	background-image: url(../images/frame/lxhong2.png);
	background-position: 50%;
	background-size: cover
}
.footer .left .con .con22 .img {
	background-image: url(../images/frame/lxbai2.png);
	background-position: 50%;
	background-size: cover
}
.footer .left .con3 {
	width: 266px;
	height: 140px;
	float: left;
	margin-top: -68px;
	position: absolute;
	top: 50%;
	right: 0
}
.footer .left .con .con33 {
	height: 140px;
	float: left;
	border-right: 1px solid hsla(0,0%,100%,0)
}
.footer .left .con .con33 .img:hover {
	background-image: url(../images/frame/yxhong3.png);
	background-position: 50%;
	background-size: cover
}
.footer .left .con .con33 .img {
	background-image: url(../images/frame/yxbai3.png);
	background-position: 50%;
	background-size: cover
}
.footer .left .banquan {
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin-top: 20px;
	font-family: Arial
}
.footer .left .banquan a {
	color: #fff;
	display: inline-block
}
.footer .right {
	width: 290px;
	height: 302px;
	position: relative;
	float: right;
	margin-right: 12px
}
.footer .right img {
	width: 116px;
	height: 174px;
	position: absolute;
	left: 50%;
	margin-left: -59px
}
.footer .right .tel {
	font-size: 47px;
	color: #fff;
	font-weight: 700;
	margin-top: 190px;
	text-align: center;
	font-family: Impact
}
.footer .right .link {
	position: absolute;
	width: 100px;
	height: 40px;
	bottom: 0;
	left: 50%;
	margin-left: -50px
}
.footer .right .link a {
	background-image: url(../images/frame/link1.png);
	background-size: cover
}
.footer .right .link a:hover {
	background-image: url(../images/frame/link2.png);
	background-size: cover
}
.footer .right .sina {
	background-position: 0 39px;
	float: left;
	width: 40px;
	height: 39px
}
.footer .right .sem {
	background-position: 40px 0;
	float: right;
	width: 40px;
	height: 39px
}
#fp-nav.right {
	right: 4px
}